.banner_img{
position:relative; height:100vh;}
.banner_img_pc{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	/*background-attachment: fixed;*/
}
.indexbanner .swiper-slide-active .banner_img_pc{
opacity:1;}
.headermid{ position:relative;
margin:0 1.875%; text-align:right; padding-right:3vw;}
.headermid ul li{ margin-right:3vw;
display:inline-block; position:relative;}
.header_left{
position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.headermid ul li a.biga{ padding:1.5em 0;
color:#fff; display:block; position:relative; letter-spacing:3px; }
.header_left_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.header_left_right a{
display:block; width:2em; height:1.75em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.png);}
.headermid ul li a.biga:after{ width:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:50%; bottom:0; height:1px; background-color:#cd0f16;}
.headermid ul li a.biga:hover:after,.headermid ul li a.bigaon:after{
width:22px;-webkit-transform: translateX(-50%);
    transform: translateX(-50%);}
.headermid ul li a.biga span{ z-index:10;
display:inline-block; position:relative;}
.headermid ul li a.biga:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transform: scale(0, 0); display:none;
content:''; position:absolute; right:-.25em; top:calc(50% - .9em); border-radius:100%; width:1em; height:1em; background-color:#cd0f16; opacity:.79;}
.headermid ul li a.biga:hover:before,.headermid ul li a.bigaon:before{transform: scale(1, 1);}
.banner_img_jj{
position:absolute; z-index:10; left:0; width:100%; text-align:center; bottom:39.6%;}

.banner_img_jj_mid_1 img{
max-width:47.91666666666667%;}
.banner_img_jj_mid_1 .ctitle{ font-size:70px; font-family:impact; color:#fff; letter-spacing:20px; text-transform:uppercase}
.banner_img_jj_mid_1 h2 { font-size:50px; font-weight:900; color:#fff; line-height:80px; letter-spacing:5px;}
.banner_img_jj_mid_1 p { color:#fff; line-height:35px; font-size:22px; font-weight:400;}
.banner_img_jj_mid_1 em {color:#fff; font-style:normal; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:900;}
.ban2 { font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:900!important;}
.indexbanner{
position:relative}
.indexbanner:before{ position:absolute; left:calc(3.75% + 176px); top:0; display:none;
content:''; z-index:10; height:100%; background-color:#e2e2e2; opacity:.24; width:1px;}
.indexbanner:after{ position:absolute; right:calc(3.75% + 32px); top:0; display:none;
content:''; z-index:10; height:100%; background-color:#e2e2e2; opacity:.24; width:1px;}
#indexbannerpage{
width:2em; text-align:center; color:#fff; left:auto; right:1.875%; bottom:4%;}
#indexbannerpage .swiper-pagination-bullet{ position:relative; display:block;
opacity:1; width:100%; height:auto; background:none; padding:1em 0; margin:0;}
#indexbannerpage .swiper-pagination-bullet i{ position:relative; 
opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexbannerpage .swiper-pagination-bullet:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; width:8px; height:8px; left:50%; top:50%; margin-left:-4px; margin-top:-4px; background-color:#fff;border-radius:100%; position:absolute}
#indexbannerpage .swiper-pagination-bullet-active i{
opacity:1; font-weight:bold; text-decoration:underline
}
#indexbannerpage .swiper-pagination-bullet i{
font-style:normal; font-weight:900; font-family:Arial, Helvetica, sans-serif;}
#indexbannerpage .swiper-pagination-bullet-active:before{
opacity:0;}
.banneract{ display:none;
position:absolute; left:1.875em; z-index:10; bottom:4%; color:#fff}
.banneract_1 a{
color:#fff; display:inline-block; position:relative}
.banneract_2{
color:#c1c5a9; margin-top:3px;}
.banneract_2 span{
color:#fff}
.header_left a{
display:block; position:relative; overflow:hidden}
.header_left a:before{ background-image:url(../images/logor.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:100%; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;opacity:0;}

.header_left .yy:before { background:none !important;}
#header.cur .header_left span { color:#000;}
#header.cur{
background-color:#fff; top:0;}
#header.cur .header_left a:before{
opacity:1; top:0;}
#header.cur .header_left a img{
opacity:0; }
#header.cur .headermid ul li a.biga{
color:#000}
#header.cur .header_left_right a{
background-image:url(../images/img1b.png);}
.indexbanner_footer{ text-align:center;
position:absolute; left:50%; bottom:4%; z-index:10;transform:translateX(-50%);}
.indexbanner_footer_jt{ animation: pulse 2s infinite;
position:relative; display:inline-block;}
 @keyframes pulse {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(0, 10px);
      transform: translate(0, 10px);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }




.banner_img_jj_mid_2{
margin-top:1.5em;}
.banner_img_jj_mid_2 a{
display:inline-block; color:#fff; background-color:#cd0f16; line-height:2em; padding:0 1.5em;border-radius:2em;}


@media screen and (max-width:810px) {
.banner_img_jj_mid_1 img{
max-width:60vw;}
}



@media screen and (max-width:768px) {
.nybanner .swiper-slide img{
display:block}
.nybanner .banner_img{
display:none}}



@media screen and (max-width:640px) {
.indexbanner:before,.indexbanner:after{
display:none}
.banner_img_jj_mid_1 img{
max-width:80vw;}

.banner_img{
position:relative; height:80vh;}
}



@media screen and (max-width:480px) {
.banner_img_jj_mid_1 img{max-width:90vw;}}



.ban1 { position:relative; width:100%; height:100%;}
.ban1 video{ position:absolute; z-index:-1; height:100%;}
.ban1:after {  content:" "; width:100%; height:100%; background:rgba(0,0,0,.35); position:absolute; z-index:1;}

.ban2:after {  content:" "; width:100%; height:100%; background:rgba(0,0,0,.35); position:absolute; z-index:1;}


.index_4_mid{
position:relative; overflow:hidden}
.index_4_mid img{
width:100%;}
.index_4 .swiper-slide{
width:25%;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_4_mid:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.65;}
.index_4_mid_name{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; z-index:2; width:100%; text-align:center; top:50%;-webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%); color:#fff;}
	
.index_4_mid_name em { font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:14px; letter-spacing:0px;}	
.index_4_mid_name span{ padding-bottom:13px;
font-size:1.875em; position:relative; display:inline-block; font-weight:700;}
.index_4_mid_name span:after{
content:''; position:absolute; width:24px; height:3px; bottom:0; left:50%; margin-left:-12px; background-color:#9b261a}
.index_4_mid_name_hide{border-radius:100%; left:50%; top:50%; opacity:0; z-index:10;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; width:14.375vw; height:14.375vw;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); text-align:center; color:#fff;background-color:rgba(202,15,22,0.78); }
.index_4_mid_name_hide span{display:block; padding:0 1em; font-size:22px;}
.index_4_mid:hover:after{opacity:0;}
.index_4_mid:hover .index_4_mid_name{opacity:0;}
.index_4_mid:hover .index_4_mid_name_hide{opacity:1;}
.index_4 .swiper-slide.zhai{
width:18.48958333333333%;}
.index_4 .swiper-slide.kuan{width:45%;}
.index_4_mid_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:48.17708333333333vw;}
.index_4_mid:hover .index_4_mid_bg{transform: scale(1.08, 1.08);}
.indexpro_act_left.swiper-button-disabled,.indexpro_act_right.swiper-button-disabled{
display:none}



.index_pic ul li{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
float:left; width:25%;} 
.index_pic ul li.zhai{
width:10%;}
.index_pic ul li.kuan{
width:60%;}


.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 

@media screen and (max-width:810px) {
.index_4{
display:block}
.index_pic{
display:none}
}
.sjba{ display:none}

@media screen and (max-width: 640px) {
	.sjba{ display:block}
.indexbanner{ margin-top:-70px; height:80vh;}
	
.banner_img_jj_mid_1 .ctitle{ font-size:35px;letter-spacing:10px}
.banner_img_jj_mid_1 h2 { font-size:25px; line-height:40px; margin-top:10px; margin-bottom:10px;}
.banner_img_jj_mid_1 p {line-height:30px; font-size:20px; }
.banner_img_jj_mid_1 em { padding-left:10px; padding-right:10px; font-size:15px;}
.banner_img_jj{
position:absolute; z-index:10; left:0; width:100%; text-align:center; bottom:40%;}
	}